讓學姐助教看懂你的報錯截圖：Streamlit 多模態視覺化除錯實戰 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2026 iThome 鐵人賽

0

AI 自動化

實戰打造個人專屬 AI 自動化工作流：從零建立高效生產力系統系列第 13 篇

讓學姐助教看懂你的報錯截圖：Streamlit 多模態視覺化除錯實戰

18th鐵人賽

2026-10-18 19:24:58

56 瀏覽

分享至

一, 前言
在軟體開發與學習過程中，文字描述錯誤往往不夠直觀。學生常常截下 Terminal 的一長串紅色報錯資訊。今天，我們將結合 Gemini 的多模態 (Multimodal) 能力與 Streamlit 的檔案上傳元件，讓學姐助教具備「看圖除錯」的強大能力！
二、核心技術亮點

PIL 圖片處理與載入：
透過 st.file_uploader 接收使用者的 PNG/JPG 截圖後，利用 Pillow 轉換成 Gemini SDK 可以直接理解的圖像物件。
混合內容輸入：
在單次 generate_content 呼叫中，同時傳遞「文字提示詞」、「PDF 講義參考物件」與「圖片物件」，讓 AI 進行全方位的綜合判讀。
對話狀態圖片記憶：
在聊天紀錄結構中同時保存圖片，確保前端介面在多輪對話時能夠完整呈現對話歷史與上傳過的截圖。
三、程式碼

四、成果展示

五、結語
今天我們成功讓 AI 助教進階到「多模態視覺化」階段！

全 Python 打造 AI 助教前端網頁：Streamlit 介面實戰

專案架構總結：打造全端 AI 學生助教的 14 天心路歷程

系列文

實戰打造個人專屬 AI 自動化工作流：從零建立高效生產力系統共 30 篇

目錄

RSS系列文訂閱系列文

0 人訂閱

完整目錄

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

929 組

團體組數

32 組

累計文章數

20249 篇

完賽人數

534 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 18th鐵人賽 17th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css

IT邦幫忙